<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Songchao</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="jd">
        <div class="head">
            <div class="head-nav">
                <div class="head-nav-left">
                    <img src="./images/s-btn.png" alt="">
                </div>
                <div class="head-nav-mid">
                    <img src="./images/5.png" alt="">
                    <div class="head-nav-mid-bg"></div>
                    <div class="head-nav-mid-input">
                        <input type="text" name="" id="" value="" placeholder="联想拯救者">
                    </div>

                </div>
                <div class="head-nav-right">
                    <span>登录</span>
                </div>
            </div>
            <div class="head-lunbo">
                <div class="head-lunbo-img">
                    <img src="./images/lunbo1.jpg" alt="">
                    <img src="./images/lunbo2.jpg" alt="">
                    <img src="./images/lunbo3.jpg" alt="">
                    <img src="./images/lunbo4.jpg" alt="">
                    <img src="./images/lunbo5.jpg" alt="">
                    <img src="./images/lunbo6.jpg" alt="">
                    <img src="./images/lunbo7.jpg" alt="">
                    <img src="./images/lunbo8.jpg" alt="">


                </div>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li>
                    <a href="">
                        <img src="./images/3.png" alt="">
                        <span>京东超市</span>
                    </a>
                </li>
                <li><a href="">
                        <img src="./images/2.png" alt="">
                        <span>数码电器</span>
                    </a></li>
                <li><a href="">
                        <img src="./images/京东服饰.webp" alt="">
                        <span>京东服饰</span>
                    </a></li>
                <li><a href="">
                        <img src="./images/京东生鲜.webp" alt="">
                        <span>京东生鲜</span>
                    </a></li>
                <li><a href="">
                        <img src="./images/京东到家.webp" alt="">
                        <span>京东到家</span>
                    </a></li>
                <li><a href="">
                        <img src="./images/充值缴费.webp" alt="">
                        <span>充值缴费</span>
                    </a></li>
                <li><a href="">
                        <img src="./images/9.9.webp" alt="">
                        <span>9.9元拼</span>
                    </a></li>
                <li><a href="">
                        <img src="./images/领券.webp" alt="">
                        <span>领券</span>
                    </a></li>
                <li><a href="">
                        <img src="./images/领金贴.webp" alt="">
                        <span>领金贴</span>
                    </a></li>
                <li><a href="">
                        <img src="./images/会员.webp" alt="">
                        <span>PLUS会员</span>
                    </a></li>
            </ul>
        </div>
        <div class="kill">
            <div class="kill-box">
                <div class="kill-box-top">
                    <div class="kill-box-top-left">
                        <span>京东秒杀</span>
                        <div class="kill-box-top-dianchang">
                            <span>20</span>
                            <div class="kill-box-top-dianchang-img">
                                <img src="./img/点场.png" alt="">
                            </div>
                        </div>
                        <div class="kill-box-top-time">
                            <div class="kill-box-top-time-H">00</div>:
                            <div class="kill-box-top-time-M">10</div>:
                            <div class="kill-box-top-time-S">00</div>
                        </div>
                    </div>
                    <div class="kill-box-top-more">
                        <a href="">更多秒杀</a>
                        <img src="./img/more" alt="">
                    </div>
                </div>
                <div class="kill-box-content">
                    <div class="kill-box-content-box">
                        <img src="./img/秒杀.jpg" alt="">
                        <div class="kill-box-content-box-price">
                            <span>￥49</span>
                            <span> <s>￥56.5</s></span>
                        </div>
                    </div>
                    <div class="kill-box-content-box">
                        <img src="./img/秒杀1.jpg" alt="">
                        <div class="kill-box-content-box-price">
                            <span>￥109</span>
                            <span> <s>￥219</s></span>
                        </div>
                    </div>
                    <div class="kill-box-content-box">
                        <img src="./img/秒杀3.jpg" alt="">
                        <div class="kill-box-content-box-price">
                            <span>￥366</span>
                            <span> <s>￥499</s></span>
                        </div>
                    </div>
                    <div class="kill-box-content-box">
                        <img src="./img/秒杀4.jpg" alt="">
                        <div class="kill-box-content-box-price">
                            <span>￥59.5</span>
                            <span> <s>￥99.9</s></span>
                        </div>
                    </div>
                    <div class="kill-box-content-box">
                        <img src="./img/秒杀5.jpg" alt="">
                        <div class="kill-box-content-box-price">
                            <span>￥600</span>
                            <span> <s>￥859</s></span>
                        </div>
                    </div>
                    <div class="kill-box-content-box">
                        <img src="./img/秒杀6.jpg" alt="">
                        <div class="kill-box-content-box-price">
                            <span>￥9.2</span>
                            <span> <s>￥32</s></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="shopping1">
            <div class="shopping1-box">
                <div class="shopping1-box1">
                    <div class="shopping1-box1-title">
                        <span>吃货礼包</span>
                        <p>唯美食不可辜负</p>
                    </div>
                    <div class="shopping1-box1-img">
                        <img src="./img/吃货1.jpg" alt="">
                        <img src="./img/吃货2.jpg" alt="">
                    </div>
                </div>
                <div class="shopping1-box1">
                    <div class="shopping1-box1-title">
                        <span>程序猿</span>
                        <p>我的世界你不懂</p>
                    </div>
                    <div class="shopping1-box1-img">
                        <img src="./img/程序员1.jpg" alt="">
                        <img src="./img/程序员2.jpg" alt="">
                    </div>
                </div>
            </div>

        </div>
        <div class="shopping2">
            <div class="shopping2-box">
                <div class="goods">
                    <div class="goods-img">
                        <img src="./img/商品1.jpg" alt="">
                    </div>
                    <div class="goods-ziying">
                        <img src="./img/自营.png" alt="">
                        <span>倍思苹果12/12Pro钢化膜</span>
                    </div>
                    <div class="goods-price">
                        <span>￥34</span>
                        <span>闪购</span>
                        <span>看相似</span>
                    </div>
                    <div class="goods-1"></div>
                </div>
                <div class="goods">
                    <div class="goods-img">
                        <img src="./img/商品2.webp" alt="">
                    </div>
                    <div class="goods-ziying">
                        <img src="./img/自营.png" alt="">
                        <span>奥佳华OGAWA按摩椅</span>
                    </div>
                    <div class="goods-price">
                        <span>￥58800</span>
                        <span>满减</span>
                        <span>看相似</span>
                    </div>
                    <div class="goods-1"></div>
                </div>
            </div>
            <div class="shopping2-box">
                <div class="goods">
                    <div class="goods-img">
                        <img src="./img/商品3.webp" alt="">
                    </div>
                    <div class="goods-ziying">
                        <img src="./img/自营.png" alt="">
                        <span>Shilanm轻奢大理石餐桌椅</span>
                    </div>
                    <div class="goods-price">
                        <span>￥3080</span>
                        <span>闪购</span>
                        <span>看相似</span>
                    </div>
                    <div class="goods-1"></div>
                </div>
                <div class="goods">
                    <div class="goods-img">
                        <img src="./img/商品4.webp" alt="">
                    </div>
                    <div class="goods-ziying">
                        <img src="./img/自营.png" alt="">
                        <span>澳特莉莎 沙发客厅现代简约</span>
                    </div>
                    <div class="goods-price">
                        <span>￥58800</span>
                        <span>满减</span>
                        <span>看相似</span>
                    </div>
                    <div class="goods-1"></div>
                </div>
            </div>
            <div class="shopping2-box1">
            </div>


        </div>
        <div class="foot">
            <a href=""><img src="./images/dibu1.png" alt=""></a>
            <a href=""><img src="./images/dibu2.png" alt=""></a>
            <a href=""><img src="./images/dibu3.png" alt=""></a>
            <a href=""><img src="./images/dibu4.png" alt=""></a>
            <a href=""><img src="./images/dibu5.png" alt=""></a>
        </div>
    </div>
</body>

</html>